<!--
 * @Description: 
 * @LastEditTime: 2024-09-11 10:02:16
-->
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <title>易峰陞</title>
    <link rel="icon" href="/favicon.ico" />
  </head>

  <body>
    <div id="app"></div>
  </body>

  <script type="module" src="/src/main.js"></script>
  <style lang="less" src="@/css/gongju/index.css"></style>
  <style>
    @media (max-width: 375px) {
      .rightNavigations {
        display: none !important;
      }
      .prediction {
        display: none !important;
      }
      .morePrediction {
        display: block;
        float: right;
        margin-top: -29px;
      }
      .margins {
        margin: 0 auto;
        width: 100%;
        height: 100%;
        padding: 0 20px !important;
      }
    }
    @media (min-width: 375px) and (max-width: 576px) {
      .rightNavigations {
        display: none !important;
      }
      .prediction {
        display: none !important;
      }
      .morePrediction {
        display: block;
        float: right;
        margin-top: -29px;
      }
      .margins {
        margin: 0 auto;
        width: 100%;
        height: 100%;
        padding: 0 20px !important;
      }
    }
    @media (min-width: 576px) and (max-width: 768px) {
      .rightNavigations {
        display: none !important;
      }
      .prediction {
        display: none !important;
      }
      .morePrediction {
        display: block;
        float: right;
        margin-top: -29px;
      }
      .margins {
        margin: 0 auto;
        width: 100%;
        height: 100%;
        padding: 0 20px !important;
      }
    }
    @media (min-width: 768px) and (max-width: 992px) {
      .rightNavigations {
        display: none !important;
      }
      .prediction {
        display: none !important;
      }
      .morePrediction {
        display: block;
        float: right;
        margin-top: -29px;
      }
      .margins {
        margin: 0 auto;
        width: 100%;
        height: 100%;
        padding: 0 20px !important;
      }
    }
    @media (min-width: 992px) and (max-width: 1200px) {
      .rightNavigations {
        display: block;
      }
      .prediction {
        display: block;
      }
      .morePrediction {
        display: none !important;
      }
      .margins {
        margin: 0 auto;
        width: 100%;
        height: 100%;
        padding: 0 20px !important;
      }
    }
    @media (min-width: 1200px) {
      .rightNavigations {
        display: block;
      }
      .prediction {
        display: block;
      }
      .morePrediction {
        display: none !important;
      }
    }
  </style>
</html>
